<template>
	<view class="j-confirm-order">
		<!-- 收货地址 -->
		<view class="j-confirm-o-box">
			<view class="j-confirm-o-bg">
				<view class="j-confirm-address" @click="toSelectAddress">
					<view class="j-confirm-a-icon">
						<image
							:src="defaultAddress.realName ? 'http://s499jfz9e.hb-bkt.clouddn.com/store/index/i-pos.png' : 'http://s499jfz9e.hb-bkt.clouddn.com/store/index/i-add-address.png'"
							mode=""></image>
					</view>
					<view class="j-confirm-a-info">
						<template v-if="defaultAddress.realName">
							<view class="j-confirm-a-people">{{ defaultAddress.realName }} {{ defaultAddress.mobile }}
							</view>
							<view class="j-confirm-a-position">{{ defaultAddress.fullName }}{{ defaultAddress.address }}
							</view>
						</template>
						<template v-else>
							添加收货地址
						</template>
					</view>
					<view class="hxf hxf-youbian"></view>
				</view>
			</view>
		</view>
		<!-- 商品信息 -->
		<view class="j-confirm-o-box">
			<view class="j-confirm-o-bg">
				<view class="j-confirm-goods">
					<view v-if="goodsInfoList.length" v-for="(goodsInfo,index) in goodsInfoList" :key="index">
						<view class="j-confirm-g-info">
							<view class="j-confirm-g-image">
								<image :src="goodsInfo.specImages ? goodsInfo.specImages : ''" mode="aspectFill"></image>
							</view>
							<view class="j-confirm-g-details">
								<view class="j-confirm-g-goods">
									<view class="j-confirm-g-name">{{ goodsInfo.goodsName ? goodsInfo.goodsName : '' }}
									</view>
									<view class="j-confirm-g-sku" v-if="goodsInfo.goodsMallSkuId">{{ goodsInfo.specValue }}
									</view>
								</view>
								<view class="j-confirm-g-price">
									<view class="j-confirm-g-p">
										￥
										<text
											class="j-confirm-g-unm">{{ goodsInfo.price ? goodsInfo.price : '0.00' }}</text>
									</view>
									<view class="j-confirm-g-n">x{{ goodsInfo.goodsNum ? goodsInfo.goodsNum : '1' }}
									</view>
								</view>
							</view>
						</view>
					</view>
					
					<!-- <view class="j-confirm-g-zhidou">
						<view class="j-confirm-g-title">赠送知豆</view>
						<view class="j-goods-integral">
							<view class="j-goods-i-box">
								<view class="j-goods-i-title">赠</view>
								<view class="j-goods-i-value">知豆{{ integral }}</view>
							</view>
						</view>
					</view> -->
				</view>
			</view>
		</view>
		<!-- 购买信息 -->
		<view class="j-confirm-o-box">
			<view class="j-confirm-o-bg">
				<view class="j-confirm-buy-info">
					<!-- <view class="j-confirm-buy-row">
						<view class="j-confirm-buy-title">购买数量</view>
						<view class="j-confirm-buy-value"><u-number-box @change="countTotal" :min="1" v-model="goodsInfo.goodsMallNum"></u-number-box></view>
					</view> -->
					<view class="j-confirm-buy-row">
						<view class="j-confirm-buy-title">配送方式</view>
						<view class="j-confirm-buy-value">{{ orderType }}</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 抵扣方式 -->
		<view class="j-confirm-o-box" v-if="orderType == '配送'">
			<view class="j-confirm-o-bg">
				<view class="j-confirm-buy-info">
					<view class="j-confirm-buy-row">
						<view class="j-confirm-buy-title">
							<!-- <view class="">余额抵扣（总余额：{{ walletInfo.totalBalance ? walletInfo.totalBalance : '0' }}）</view> -->
							<view class="">配送费用</view>
							<!-- <view class="j-confirm-buy-dec">-{{amountDeductPrcie}}元</view> -->
						</view>
						<view class="j-confirm-buy-value">
							{{freightInfo.price}}元
							<!-- <u-switch v-model="amountSwitch" @change="amountChange" :size="40" active-color="#FEA602"></u-switch> -->
						</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 支付方式 -->
		<view class="j-confirm-o-box">
			<view class="j-confirm-o-bg">
				<view class="j-confirm-buy-info">
					<u-radio-group v-model="payParams.payType" :size="42" class="j-confirm-buy-aa"
						@change="radioGroupChange">
						<view class="j-confirm-buy-row">
							<view class="j-confirm-buy-title">
								<view class="hxf hxf-weixinzhifu"></view>
								<view class="">微信支付</view>
							</view>
							<view class="j-confirm-buy-value"><u-radio name="1" shape="circle" :icon-size="30"
									active-color="#FEA602"></u-radio></view>
						</view>
						<!-- <view class="j-confirm-buy-row">
							<view class="j-confirm-buy-title">
								<view class="hxf hxf-zhifubao"></view>
								<view class="">支付宝支付</view>
							</view>
							<view class="j-confirm-buy-value"><u-radio name="2" shape="circle" :icon-size="30" active-color="#FEA602"></u-radio></view>
						</view> -->
					</u-radio-group>
				</view>
			</view>
		</view>


		<!-- 合计总额 -->
		<view class="j-confirm-total">
			<view class="j-confirm-total-box">
				<view class="j-confirm-total-price">
					需支付：
					<text class="color">￥</text>
					<text class="j-confirm-total-text color">{{ needPayPrice }}</text>
				</view>
				<view class="j-confirm-pay-btn" @click="postCheckTransPassword">
					立即支付
					<!-- <u-button class="j-confirm-pay" :disabled="disableBtn"  hover-class="none" shape="circle"></u-button> -->
				</view>
			</view>
		</view>
		<!-- 键盘输入密码 -->
		<u-keyboard mode="number" v-model="isShowPassword" @change="valChange" @backspace="backspace"
			:dot-enabled="false" :tooltip="false" :show-tips="true" :cancel-btn="false" :confirm-btn="false"
			:mask-close-able="true">
			<view class="j-pay-password">
				<view class="j-pay-password-text">请输入交易密码</view>
				<u-message-input v-model="payParams.transPassword" :dot-fill="true" :maxlength="6"></u-message-input>
			</view>

		</u-keyboard>

		<u-modal v-model="showPayResult" content="支付失败,请重新支付!"></u-modal>

		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isShowPassword: false,
				showPayResult: false,
				check: '1',
				total: 0,
				needPayPrice: 0,
				amountDeductPrcie: 0,
				amountSwitch: false,
				integral: 0,
				walletInfo: {},
				goodsInfoList: [],
				defaultAddress: {
					address: '',
					realName: '',
					mobile: '',
					regionId: '',
					fullName: ''
				},
				orderParams: {
					shoppingCartIds: '',
				},
				payParams: {
					mallOrderId: '',
					isAmount: 0,
					payType: '1',
					transPassword: ''
				},
				// 模板运费的查询参数
				freightParams: {
					freightId: '',
					regionId: ''
				},
				// 页面运费的显示信息
				freightInfo: {
					status: '快递包邮',
					price: 0
				},
				disableBtn: false,
				orderType: '1'
			};
		},
		onLoad(e) {
			this.orderType = uni.getStorageSync('orderType') == 1 ? '配送' : '自提'
			// this.goodsInfoList = JSON.parse(e.orderParams);
			JSON.parse(decodeURIComponent(e.orderParams)).map((item)=>{
				item.specImages =  JSON.parse(item.goodsImages)[0]
				this.goodsInfoList.push(item)
			})
			// this.goodsInfo.goodsImages = JSON.parse(this.goodsInfo.goodsImages)[0]
			console.log(this.goodsInfoList, '值]');
			// 查询用户默认收货地址
			this.postQueryDefaultAddress();
			// 我的钱包-查询用户资金统计信息
			this.postFindUserCapitalInfo();
			// 计算总金额
			this.countTotal();

			// 监听从地址列表页发布的事件，获得选中的用户收货地址结果
			uni.$on('addressInfo', info => {
				this.defaultAddress = info;
				// 判断运费
				this.JudgeFreight();
			});
		},
		methods: {
			// 查询用户是否设置交易密码
			postCheckTransPassword() {
				this.postCreateOrderMall()
				// this.disableBtn = true;
				// this.$u.api
				// 	.postCheckTransPassword()
				// 	.then(res => {
				// 		console.log(res, '[确认订单页-查询用户是否设置交易密码]');
				// 		setTimeout(() => {
				// 			this.disableBtn = false;
				// 		}, 1000)
				// 		if (res.data) {
				// 			// 创建订单接口
				// 			this.postCreateOrderMall();
				// 		} else {
				// 			// 跳转设置交易密码页面
				// 			uni.navigateTo({
				// 				url: '../../me/setting/pay-password/pay-password'
				// 			})
				// 		}
				// 	})
				// 	.catch(err => {
				// 		console.log(err);
				// 		// if (err.status == 401) {
				// 		// 	setTimeout(() => {
				// 		// 		this.disableBtn = false;
				// 		// 	}, 1000)
				// 		// 	uni.navigateTo({
				// 		// 		url: '../../login'
				// 		// 	});
				// 		// 	return false;
				// 		// }
				// 	});
			},
			// 商城订单-创建订单
			postCreateOrderMall() {
				this.orderParams.shoppingCartIds = ''
				this.goodsInfoList.map((item,index)=>{
					let dh = ','
					if(index == this.goodsInfoList.length - 1){
						dh = ''
					}
					this.orderParams.shoppingCartIds = this.orderParams.shoppingCartIds + item.shoppingCartId + dh
				})
				
				// 整理提交订单参数
				// this.orderParams.goodsMallId = this.goodsInfo.goodsMallId;
				// this.orderParams.goodsMallSkuId = this.goodsInfo.goodsMallSkuId;
				// this.orderParams.goodsMallNum = this.goodsInfo.goodsMallNum;
				this.orderParams.userAddressId = this.defaultAddress.userAddressId;

				// 判断用户地址是否为空
				if (this.$u.test.isEmpty(this.orderParams.userAddressId)) {
					this.$refs.uToast.show({
						title: '请选择用户地址'
					});
					return false;
				}
				this.disableBtn = true;
				this.$u.api
					.postshoppingCartBuyMallGoods(this.orderParams)
					.then(res => {
						console.log(res, '[确认订单页-创建订单]');
						setTimeout(() => {
							this.disableBtn = false;
						}, 1000)
						this.payParams.mallOrderId = res.data.mallOrderId;
						// 获取支付方式
						this.postGetMallPayType();
					})
					.catch(err => {
						console.log(err);
						setTimeout(() => {
							this.disableBtn = false;
						}, 1000)
						// if (err.status == 401) {
						// 	uni.navigateTo({
						// 		url: '../../login'
						// 	});
						// 	return false;
						// }
					});
			},
			// 获取支付方式
			postGetMallPayType() {
				this.disableBtn = true;
				this.$u.api
					.postGetMallPayType(this.payParams)
					.then(res => {
						console.log(res, '[确认订单页-获取支付方式]');
						setTimeout(() => {
							this.disableBtn = false;
						}, 1000);
						// 判断支付方式，分别调取支付
						if (res.data == 1) {
							// 显示输入密码的键盘
							this.isShowPassword = true;
						}
						if (res.data == 2) {
							// 判断用户选择的支付类型
							if (this.payParams.payType == 1) { // 微信支付
								// 调用微信支付
								this.postGetMallWxPayOrder();
							}
							if (this.payParams.payType == 2) { // 支付宝支付
								// 调用支付宝支付
								this.postGetMallAliPayOrder();
							}
						}
					})
					.catch(err => {
						console.log(err);
						// if (err.status == 401) {
						// 	setTimeout(() => {
						// 		this.disableBtn = false;
						// 	}, 1000);
						// 	uni.navigateTo({
						// 		url: '../../login'
						// 	});
						// 	return false;
						// }
					});
			},
			// 商城订单-交易密码普通支付
			postPayOrderMall() {
				this.disableBtn = true;
				this.$u.api
					.postPayOrderMall(this.payParams)
					.then(res => {
						console.log(res, '[确认订单页-交易密码普通支付]');
						setTimeout(() => {
							this.disableBtn = false;
						}, 1000)
						this.isShowPassword = false;
						this.payParams.transPassword = '';
						uni.redirectTo({
							url: '../pay-success/pay-success?integral=' + this.goodsInfo.integral + '&price=' +
								this.total
						})
					})
					.catch(err => {
						setTimeout(() => {
							this.disableBtn = false;
						}, 1000)
						console.log(err);
						// if (err.status == 401) {
						// 	uni.navigateTo({
						// 		url: '../../login'
						// 	});
						// 	return false;
						// }
						this.payParams.transPassword = '';
					});
			},
			// 商城订单-在线支付（微信）
			postGetMallWxPayOrder() {
				this.disableBtn = true;
				this.$u.api
					.postGetMallWxPayOrder(this.payParams)
					.then(res => {
						console.log(res, '[确认订单页-在线支付（微信）]');
						setTimeout(() => {
							this.disableBtn = false;
						}, 1000);
						// APP拉起支付
						this.payment('wxpay', res.data)
					})
					.catch(err => {
						setTimeout(() => {
							this.disableBtn = false;
						}, 1000);
						console.log(err);
						// if (err.status == 401) {
						// 	uni.navigateTo({
						// 		url: '../../login'
						// 	});
						// 	return false;
						// }
					});
			},
			// 商城订单-在线支付（支付宝）
			postGetMallAliPayOrder() {
				this.disableBtn = true;
				this.$u.api
					.postGetMallAliPayOrder(this.payParams)
					.then(res => {
						console.log(res, '[确认订单页-在线支付（支付宝）]');
						setTimeout(() => {
							this.disableBtn = false;
						}, 1000);
						// APP拉起支付
						this.payment('alipay', res.data)
					})
					.catch(err => {
						setTimeout(() => {
							this.disableBtn = false;
						}, 1000);
						console.log(err);
						// if (err.status == 401) {
						// 	uni.navigateTo({
						// 		url: '../../login'
						// 	});
						// 	return false;
						// }
					});
			},
			// 拉起APP支付
			payment(type, orderInfo) {
				
				uni.requestPayment({
					...orderInfo,
					provider: type,
					orderInfo: orderInfo, //微信、支付宝订单数据
					success: (res) => {
						// console.log('success:' + JSON.stringify(res));
						uni.redirectTo({
							url: '../pay-success/pay-success?orderType=' + this.orderType +
								'&price=' + this.total
						});
					},
					fail: (err) => {
						// console.log('fail:' + JSON.stringify(err));
						this.showPayResult = true;
					}
				});
			},
			// 查询用户默认收货地址
			postQueryDefaultAddress() {
				this.$u.api
					.postQueryDefaultAddress()
					.then(res => {
						console.log(res, '[确认订单页-查询用户默认收货地址]');
						if (res.data) {
							this.defaultAddress = res.data;
							// 判断运费
							this.JudgeFreight();
						}
					})
					.catch(err => {
						console.log(err);
						// if (err.status == 401) {
						// 	uni.navigateTo({
						// 		url: '../../login'
						// 	});
						// 	return false;
						// }
					});
			},
			// 判断是固定运费，还是模板运费，如果是模板运费，请求后台判断是否可配送或是否包邮
			JudgeFreight() {
				// 判断商品是否有固定运费，运费规则,1：固定运费，2：运费模板
				if (this.goodsInfo.freightRule == 1) {
					if (this.goodsInfo.freightPrice) {
						this.freightInfo.status = '快递运费￥' + this.goodsInfo.freightPrice;
						this.freightInfo.price = this.goodsInfo.freightPrice;
					} else {
						this.freightInfo.status = '快递包邮';
						this.freightInfo.price = 0
					}
					this.countTotal();
				}
				if (this.goodsInfo.freightRule == 2) {
					// 整理查询运费价格的参数
					this.freightParams.freightId = this.goodsInfo.freightId;
					this.freightParams.regionId = this.defaultAddress.regionId;
					// 调用查询运费的接口
					this.postQueryFreightPrice();
				}
			},
			// 查询运费是否包邮，是否可配送
			postQueryFreightPrice() {
				this.$u.api
					.postQueryFreightPrice(this.freightParams)
					.then(res => {
						console.log(res, '[确认订单页-查询运费金额接口]');
						if (res.data.isDelivery) {
							this.freightInfo.status = '运费￥' + res.data.freightDetail.firstPrice;
							this.freightInfo.price = res.data.freightDetail.firstPrice;
						} else {
							this.freightInfo.status = '不支持配送';
							this.freightInfo.price = 0;
						}
						this.countTotal();
					})
					.catch(err => {
						console.log(err);
						this.freightInfo.status = '不支持配送';
						this.freightInfo.price = 0;
					});
			},
			// 我的钱包-查询用户资金统计信息
			postFindUserCapitalInfo() {
				this.$u.api
					.postFindUserCapitalInfo()
					.then(res => {
						console.log(res, '[确认订单页-查询用户资金统计信息接口]');
						this.walletInfo = res.data;
					})
					.catch(err => {
						console.log(err);
					});
			},
			// 跳转选择地址页面
			toSelectAddress() {
				this.$u.api
					.postIsLogin()
					.then(res => {
						console.log(res);
						uni.navigateTo({
							url: '../../me/setting/address/address?type=1'
						});
					})
					.catch(err => {
						console.log(err);
						// if (err.status == 401) {
						// 	uni.navigateTo({
						// 		url: '../../login'
						// 	});
						// 	return false;
						// }
					});
			},
			// 计算总金额
			countTotal() {
				this.goodsInfoList.map((goodsInfo)=>{
					//+ freightInfo.price
					this.total = (goodsInfo.price * goodsInfo.goodsNum ).toFixed(2);
					// this.integral = Number(goodsInfo.integral) * Number(goodsInfo.goodsNum);
					this.needPayPrice = Number(this.needPayPrice) + Number(this.total);
				})
				
				// 计算需要支付金额
				// this.totalCount();
			},
			// 按键被点击(点击退格键不会触发此事件)
			valChange(val) {
				// 将每次按键的值拼接到value变量中，注意+=写法
				this.payParams.transPassword += val;

				if (this.payParams.transPassword.length == 6) {
					// 请求支付接口
					this.postPayOrderMall();
				}
			},
			// 退格键被点击
			backspace() {
				// 删除value的最后一个字符
				if (this.payParams.transPassword.length) this.payParams.transPassword = this.payParams.transPassword
					.substr(0, this.payParams.transPassword.length - 1);
			},
			// 选择支付方式
			radioGroupChange(e) {
				this.payParams.payType = e;
			},
			// 余额开关变动
			amountChange(e) {
				if (e) {
					this.payParams.isAmount = 1;
				} else {
					this.payParams.isAmount = 0;
				}
				this.totalCount();
			},
			// 支付金额计算
			totalCount() {
				// 获取余额
				let totalBalance = parseFloat(this.walletInfo.totalBalance ? this.walletInfo.totalBalance : 0);
				// 获取总金额
				let total = parseFloat(this.total ? this.total : 0);

				if (this.payParams.isAmount) {
					// 余额等于0
					if (totalBalance == parseFloat(0)) {
						this.amountSwitch = false;
						this.payParams.isAmount = 0;
						this.$refs.uToast.show({
							title: '您还没有余额，购买会员商品可以赚取余额哦~'
						});
						return false;
					}
					// 余额小于总金额
					if (totalBalance < total) {
						this.needPayPrice = (total - totalBalance).toFixed(2);
						this.amountDeductPrcie = totalBalance;
					}
					// 余额大于等于总金额
					if (totalBalance >= total) {
						this.needPayPrice = parseFloat(0);
						this.amountDeductPrcie = total;
					}
				} else {
					this.needPayPrice = total;
					this.amountDeductPrcie = 0;
				}
			}
		}
	};
</script>

<style>
	page {
		background-color: #f3f3f3;
	}
</style>
<style scoped lang="scss">
	.j-pay-password {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.j-pay-password-text {
			padding: 10rpx 0;
		}
	}

	.j-confirm-total {
		position: fixed;
		width: 100%;
		height: 120rpx;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		background-color: #ffffff;

		.j-confirm-total-box {
			display: flex;
			width: 750rpx;
			align-items: center;
			justify-content: space-between;
			padding: 0 25rpx;

			.j-confirm-total-price {
				.color {
					color: red;
				}

				.j-confirm-total-text {
					font-size: 40rpx;
				}
			}

			.j-confirm-pay-btn {
				width: 26vw;
				height: 5vh;
				border-radius: 40px;
				text-align: center;
				line-height: 5vh;
				color: #fff;
				background-color: #003B40 !important;
			}

			.j-confirm-pay {
				width: 350rpx;
				color: #000000;
				// .u-btn--default{

				// }
				&:after {
					border: 0;
				}
			}
		}
	}

	.j-confirm-buy-info {
		padding: 25rpx 22rpx;

		.j-confirm-buy-row {
			height: 70rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.j-confirm-buy-title {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: center;
			}

			.j-confirm-buy-dec {
				color: #fea602;
				font-size: 24rpx;
			}
		}
	}

	.j-confirm-buy-aa {
		display: flex;
		flex-direction: column;

		.j-confirm-buy-row {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 10rpx;

			.j-confirm-buy-title {
				display: flex;
				flex-direction: row;
				align-items: center;

				.hxf-weixinzhifu {
					color: #04be02;
					font-size: 42rpx;
					margin-right: 12rpx;
				}

				.hxf-zhifubao {
					color: #027aff;
					font-size: 40rpx;
					margin-right: 12rpx;
					margin-left: 4rpx;
				}
			}

			&:first-of-type {
				margin-top: 0;
			}
		}
	}

	.j-confirm-goods {
		// padding: 25rpx 22rpx;
		padding: 25rpx 22rpx 0 22rpx;
		overflow: hidden;

		.j-confirm-g-info {
			display: flex;
			align-items: flex-start;
			margin-bottom: 2vh;

			.j-confirm-g-details {
				margin-left: 10rpx;
				height: 170rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;

				.j-confirm-g-goods {
					.j-confirm-g-sku {
						color: #9c9c9c;
						font-size: 26rpx;
					}

					.j-confirm-g-name {
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
					}
				}

				.j-confirm-g-price {
					display: flex;
					align-items: center;
					justify-content: space-between;

					.j-confirm-g-unm {
						font-size: 36rpx;
					}

					.j-confirm-g-n {
						color: #9c9c9c;
						    letter-spacing: 5px;
						    margin-left: 5px;
					}
				}
			}

			.j-confirm-g-image {
				width: 170rpx;
				min-width: 170rpx;
				height: 170rpx;
				border-radius: 14rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}
		}

		.j-confirm-g-zhidou {
			display: flex;
			align-items: center;
			margin-top: 25rpx;
			justify-content: space-between;
		}
	}

	.j-confirm-address {
		display: flex;
		align-items: center;
		padding: 25rpx 22rpx;
		min-height: 160rpx;

		.j-confirm-a-icon {
			width: 42rpx;
			height: 42rpx;
			border-radius: 50%;
			overflow: hidden;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.j-confirm-a-info {
			flex: 1;
			margin-left: 20rpx;

			.j-confirm-a-position {
				margin-top: 5rpx;
			}

			.j-confirm-a-people {
				height: 50rpx;
			}
		}

		.hxf-youbian {
			font-size: 45rpx;
			color: #797979;
		}
	}

	.j-confirm-order {
		.j-confirm-o-box {
			padding: 0rpx 25rpx;
			margin-top: 20rpx;

			.j-confirm-o-bg {
				border-radius: 14rpx;
				background-color: #ffffff;
			}
		}
	}

	.j-goods-integral {
		display: flex;

		.j-goods-i-box {
			display: flex;
			align-items: center;
			background: rgba(255, 255, 255, 1);
			border: 1rpx solid rgba(254, 166, 2, 1);
			border-radius: 5rpx;
			font-size: 28rpx;

			.j-goods-i-title {
				color: #ffffff;
				display: flex;
				padding: 0 10rpx;
				align-items: center;
				justify-content: center;
				background-color: #fea602;
			}

			.j-goods-i-value {
				color: #fea602;
				padding: 0 10rpx;
			}
		}
	}
</style>